@charset "utf-8";

small {
	font-size: 0.7em;
	font-weight: normal;
}
li .pale {
	color: #999999;
}
li.new { 
	background: transparent url(../img/icon-new.gif) 0 0 no-repeat;
	color: #D81920;
}
li.new a {
	padding-left: 22px;
}
li.new .pale {
	color: #D88C8C;
}
li.completed { 
	color: #009933; 
}
li.completed .pale {
	color: #6CB172;
}
li.more {
	color: #666666;
	font-weight: normal;
	font-size: 1.1em;
	border-bottom: none;
}
li.more a, li.more a[selected], li.more a:active {
	background-image: none !important;
}
li.more a[target="_replace"] {
	padding: 10px;
	color: #666666;
}
li.heading {
	background: transparent url(../img/bg-heading.png) 0 0 repeat-x !important;
	color: #FFFFFF;
	font-size: 1.1em;
	letter-spacing: 0em;
}
/*li a.answer, li a.answer[selected], li a.answer:active {
	background-image: none !important;
}*/
li.chosen { 
	color: #009933; 
}
li.disabled {
	color: #999999;
}
li.win {
	color: #EEEEEE;
}
li.lose {
	color: #000000;
	font-weight: normal;
}
li.win div.percent,
li.lose div.percent {
	display: block;
	position: absolute;
	width: 100%;
	height: 39px;
	text-align: right;
	margin-left: -10px;
	margin-top: -31px;
}
li.win div.percent {
	background-color: #666666;
}
li.lose div.percent {
	background-color: #CCCCCC;
}
li.win div.answer,
li.lose div.answer {
	position: relative;
	z-index: 999;
}

form label {
	margin-top: 16px !important;
}
form input {
	padding-top: 2px;
}

#searchForm input {
	padding-left: 70px;
}
#searchForm label {
	width: 60px;
	text-align: right;
}

#loginForm input {
	padding-left: 80px;
}
#loginForm label {
	width: 70px;
	text-align: right;
}

#registerForm input {
	padding-left: 133px;
}
#registerForm label {
	width: 123px;
	text-align: right;
}

#forgotPasswordForm input {
	padding-left: 80px;
}
#forgotPasswordForm label {
	width: 70px;
	text-align: right;
}

#submitTopicForm input {
	padding-left: 75px;
}
#submitTopicForm label {
	width: 65px;
	text-align: right;
}

.panel div.group {
	margin-top: 10px;
	/*margin-bottom: 30px;*/
}
.panel div.center {
	text-align: center;
}

.panel a.button {
	position: relative;
	margin-left: 8px;
	margin-right: 0;
	line-height: 20px;
  padding: 8px 5px;
	float: none;
  -webkit-border-image: url(../img/panelButton.png) 0 5 0 5;
}

.dialog input.submit {
	position: relative;
	overflow: hidden;
	margin: 0;
	border-width: 0 5px;
	padding: 0 3px !important;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	background: none;
	-webkit-border-image: url(../img/panelButton.png) 0 5 0 5;
}

.panel ul.small {
	font-size: 0.9em;
}
.panel ul {
	margin-left: -12px;
}

form.panel > fieldset > label {
	position: absolute;
	margin: 16px 0 0 6px;
	font-size: 14px;
	color: #333333;
}
form.panel > fieldset {
	background: none;
	border: none;
	margin-bottom: 10px;
}

form.dialog > fieldset > label {
	color: #333333;
}
form.dialog p.error {
	color: #BB0000;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	font-size: 0.9em;
}
form.dialog p.note {
	padding: 8px 0 0 0;
	margin: 0;
}

select {
	font-size: 1em;
	width: 100%;
	height: 28px;
	margin-top: 8px;
	padding-top: 3px;
	border: 1px solid #707070;
	background: #FFFFFF url(../img/select-bg.gif) 0 0 repeat-x;
	-khtml-appearance: none;
}

form label {
	margin-top: 14px !important;
}

form.panel > fieldset.div-panel-style {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	border: 1px solid #999999;
	text-align: right;
	font-size: 16px;
}

form.panel > fieldset.div-panel-style label {
  line-height: 16px;
}

form.vote ul {
	margin: 0;
	padding: 0;
}

#legal {
	font-size: 0.8em;
}
#legal h1 {
	font-size: 1.2em;
}